<template>
  <div class="zong" v-if="Object.keys(detailInfo).length !== 0">
    <div class="intor">
      {{ detailInfo.desc }}
    </div>
    <div class="key">{{ detailInfo.detailImage[0].key }}</div>
    <div v-for="item in detailInfo.detailImage[0].list" :key="item">
      <img :src="item" alt="" />
    </div>
  </div>
</template>
<script>
export default {
  name: "DetailGoodsInfo",
  props: {
    detailInfo: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  methods: {
    // imgLoad() {
    //   //判断所有的图片全部加载完
    //   if (++this.counter === this.detailInfo.detailImage[0].list.length) {
    //     this.$emit("imageLoad");
    //   }
    // },
  },
};
</script>
<style scoped>
.zong {
  width: 100%;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 6px solid rgba(0, 0, 0, 0.1);
}
.intor,
.key {
  padding-left: 5px;
  margin-bottom: 10px;
}
img {
  width: 100%;
}
</style>